<template>
  <div class="container">
	<!-- 整个页面的导航栏 -->

	<Header v-if="!$route.meta.noNav" mode="default"></Header>
	<!-- 需要缓存的页面显示 -->
	<KeepAlive include="AdvSearch,ApplySettle,Default" exclude="Header,DefaultHeader">
	<router-view></router-view>
	</KeepAlive>

	<!-- 不需要缓存的页面显示 -->

    <!-- <Search></Search>
    <List></List> -->
	<!-- 路由展示 -->
	<!-- <router-view></router-view> -->

	<!-- 读取store中的共享数据 -->
	<!-- <h1> {{sum}} </h1>
	<h1>{{dataFromVuex}}</h1> -->
  </div>
</template>

<script>
import { mapState } from 'vuex'
	// 引用组件
	import Header from './components/Header.vue'
	export default {
		name:'App',
		// 加载组件
		components:{Header},
		computed:{
			...mapState(['sum','dataFromVuex'])
		}

	}
</script>

<style >
body {
  background-color:white;
}
.container{
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}

</style>